<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
			}

			#head {
				height: 96px;
				background-color: #D5FCFF;
				padding: 5px;
			}

			#head #logo {
				float: left;
				width: 96px;
				height: 100%;
				background-image: url(./img/1.png);
				background-size: 96px 96px;
			}

			#head #softName {
				float: left;
				width: 500px;
				height: 100%;
				/* background-color: #666666; */
				text-align: center;
				line-height: 96px;
				font-size: 50px;
				font-style: italic;
				letter-spacing: 2px;
				text-decoration: underline;
				color: #32BAF0;
			}

			#head #info {
				float: right;
				width: 200px;
				height: 100%;
				/* background-color: #368EEB; */
			}

			#head #msg {
				width: 100%;
				height: 48px;
				/* background-color: #660000; */
			}

			#head #time {
				width: 100%;
				height: 48px;
				/* background-color: #FF0000; */
			}
		</style>
	</head>
	<body>
		<div id="head">
			<div id="logo">

			</div>
			<div id="softName">
				福布斯的账单
			</div>
			<div id="info">
				<div id="msg">
					欢迎<span>张三</span>登录&nbsp;&nbsp;<a href="">注销</a>
				</div>
				<div id="time">
						<script type="text/javascript">
							setInterval("time.innerHTML=new Date().toLocaleString()", 1000);
						</script>
				</div>
			</div>
		</div>

	</body>

</html>
